<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>验证框之离开时验证 - jQuery EasyUI 演示</title>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2 title="Validate On Blur">验证框之离开时验证</h2>
	<p title="Active validation on first blur event.">　　当首次触发【blur】事件时激活验证。</p>
	<div style="margin:10px 0;"></div>
	<div class="easyui-panel" title="<h title='Register'>&nbsp;注册</h>" style="width:100%;max-width:400px;padding:10px 20px;">
		<div style="margin-bottom:10px">
			账号：<input id="username" class="easyui-validatebox tb" style="width:320px" data-options="required:true,validType:'length[3,10]',validateOnCreate:false,validateOnBlur:true">
		</div>
		<div style="margin-bottom:10px">
			邮箱：<input id="email" class="easyui-validatebox tb" style="width:320px" data-options="required:true,validType:'email',validateOnCreate:false,validateOnBlur:true">
		</div>
		<div style="margin-bottom:10px">
			网址：<input id="url" class="easyui-validatebox tb" style="width:320px" data-options="required:true,validType:'url',validateOnCreate:false,validateOnBlur:true">
		</div>
		<div style="margin-bottom:10px">
			电话：<input id="phone" class="easyui-validatebox tb" style="width:320px" data-options="required:true,validateOnCreate:false,validateOnBlur:true">
		</div>
	</div>
	<style scoped="scoped">
		.tb{
			width:100%;
			margin:0;
			padding:5px 4px;
			border:1px solid #ccc;
			box-sizing:border-box;
		}
	</style>

</body>
</html>